import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

import { Button, Row, Col, Search, Swipe, SwipeItem, Field, NavBar, Toast, Tab, Tabs, Sidebar, SidebarItem, List, PullRefresh, Image as VanImage, Lazyload, Tabbar, TabbarItem, ActionBar, ActionBarIcon, ActionBarButton, Card, Stepper, SubmitBar, Icon, Grid, GridItem, Empty, Loading, Checkbox, CheckboxGroup } from 'vant'
import 'vant/lib/index.css'

const app = createApp(App)

app.use(Button).use(Row).use(Col)
  .use(Search).use(Swipe).use(SwipeItem)
  .use(Field).use(NavBar).use(Toast)
  .use(Tab).use(Tabs).use(Sidebar)
  .use(SidebarItem).use(List).use(PullRefresh)
  .use(VanImage).use(Lazyload).use(Tabbar)
  .use(TabbarItem).use(ActionBar).use(ActionBarIcon)
  .use(ActionBarButton).use(Card).use(Stepper)
  .use(SubmitBar).use(Icon).use(Grid)
  .use(GridItem).use(Empty).use(Loading)
  .use(Checkbox).use(CheckboxGroup)

app.use(store).use(router).mount('#app')
